/* 首页样式 */
.container{
    max-width: 750px;
    margin: 0 auto;
    /* height: 900px;  看效果 ，临时
    background: #666;   看效果 ，临时 */
}
.icon{
    font-family: "iconfont";
    font-size: 0.8rem;    /*40/50*/
    color: #fff;
}

/* 图片响应式 */
.img-respoinse{
    width: 100%;
}
.header{
    background: #fece02;
    padding-top: 17px;
    padding-bottom: 17px;
    position: relative;
}

 /*header搜索框公共样式*/ 
.header .search{
    width: 430px;
    height: 68px;
    line-height: 68px;
    background: #fee579;
    border-radius: 34px;  /*量左右半圆的半径即可*/
    margin: 0 auto;
}
.header .search .icon{
    margin-right: 25px;
    margin-left: 22px;
}
.header .search input{
    border: 0;
    background: none;  /*去掉背景色*/
    width: 300px;
    height: 68px;
    font-size: 0.6rem;  /*30px*/
    float: left;
    color: #949494;
}

.header .search input::placeholder{
    color: #fff;
    font-size: 0.6rem;  /*30px*/
}
.header .search input::-webkit-placeholder{
    color: #fff;
    font-size: 0.6rem;  /*30px*/
}

.header .logo{
    position: absolute;
    top: 22px;
    left: 36px;
}
.header .saoma{
    position: absolute;
    top: 31px;
    right: 82px;
}
.header .ring{
    position: absolute;
    top: 31px;
    right: 17px;
}
.header .logo2{
    position: absolute;
    top: 22px;
    right: 27px;
}
.header .backtrack{
    position: absolute;
    top:22px;
    left: 17px;;
}
.box .content .top-text,.box .content .bottom-text{
    border-bottom: 1px solid #c2c2c2;
    height: 90px;
}
.box .content .top-text p,.box .content .bottom-text p{
    font-size: .6rem; /*30px*/
    float: left;

    border-right: 1px solid #c2c2c2;

    padding:0 10px 10px ;
    margin-top: 20px;
    
}
.box .content .top-text p:first-child a{
    margin-left: 20px;
    color: #ff5b00;
}
.box .content .top-text p:nth-last-child(1){
    border-right: none;
    margin-right: 28px
}
.box .content .top-text p a,.box .content .bottom-text p a{
    color: #303030;
}
.box .content p a:hover{
    color: #ff5b00;
}
.box .content .bottom-text p{
    margin-left: 50px;
    padding-right: 84px;
}
.box .content .bottom-text p:nth-child(2)
{
    border-right: none;
}
.box .content ul{
    margin-left: 316px;

}

.box .content ul li{
    width: 17px;
    height: 17px;
    border: 1px solid #a1a1a1;
    border-radius: 17px;
    background: #fff;
    display: block;
    float: left;
    margin-top: 8px;
    margin-right: 8px;
    line-height: 17px;
}
.box .content ul .poxx{
    background: #fe9002;
}
.container .history{
    border-bottom: 1px solid #c2c2c2;
}
.container .history .icon{
    color: #afafaf;
    font-size: .52rem; /*26px*/
    display: inline-block;
    float: left;
    padding: 32px 14px 26px 30px;
}
.container .history p{
    color: #cecece;
    font-size: .68rem; /*34px*/
    padding:23px 0 26px;
}
.container .qc{
    margin: 28px 0 31px 250px;
}
.container .qc .icon{
    color: #b5b5b5;
    font-size: .6rem; /*30px*/
    float: left;
    margin-right: 24px;
}
.container .qc p{
    font-size: .6rem;
    color: #a2a1a1;
    line-height: 30px;
}
.footer{
    height: 200px;
    background: #eeeeee;
}
